<template>
	<view class="shop-cart">
		<u-sticky offset-top="0" h5-nav-height="0" bg-color="transparent">
			<u-navbar :border-bottom="false" :is-fixed="false" custom-class="ranking-bg" :is-back="false" background="">
				<view class="day-wrap">
					{{day}}
				</view>
			</u-navbar>
		</u-sticky>
		<view class="content">
		</view>
	</view>
</template>

<script>
	import {
		setTabbar
	} from '@/utils/tools';
	export default {
		data() {
			const date = new Date()
			return {
				day: `${date.getMonth() + 1}月${date.getDate()}日 | 星期${['天','一','二','三','四','五','六'][date.getDay()]}`
			}
		},
		onLoad(options) {
			setTabbar()
		},
	};
</script>
<style lang="scss">
	$header-height: 94rpx;
	$nav-height: 80rpx;

	page {
		.shop-cart {
			background-color: #FFCC46;

			.day-wrap {
				margin-left: 20rpx;
				font-size: 32rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #1F1F1F;
				line-height: 44rpx;
			}

			.ranking-bg {
				background-color: #FFCC46;
			}

			.content {
				padding-bottom: calc(140rpx + env(safe-area-inset-bottom));
				border-radius: 20rpx 20rpx 0 0;
				width: 100%;
				height: calc(100vh - #{$header-height} - var(--window-top) - var(--window-bottom));
				background: #fff url(/static/images/empty-bg.png) no-repeat center/60%;
				overflow-y: auto;
			}
		}

	}
</style>
